<template>
  <el-sub-menu index="6">
    <template #title>事件管理</template>
    <el-sub-menu index="6-1">
      <template #title>事件查询</template>
      <el-menu-item index="6-1-1" @click="$store.queryByClick">
        <i class="iconfont icon-dianbianji2"></i>
        点搜索</el-menu-item
      >
      <el-menu-item index="6-1-2" @click="$store.query">
        <i class="iconfont icon-juxing"></i>
        矩形搜索</el-menu-item
      >
      <el-menu-item index="6-1-3" @click="$store.query({ type: 'Circle' })">
        <i class="iconfont icon-circle"></i>
        圆形搜索</el-menu-item
      >
      <el-menu-item index="6-1-4" @click="$store.query({ type: 'Polygon' })">
        <i class="iconfont icon-polygon"></i>
        多边形搜索</el-menu-item
      >
      <el-menu-item index="6-1-5" @click="$store.closeQuery({ type: 'Polygon' })">
        <i class="iconfont icon-quxiao"></i>
        取消搜索</el-menu-item
      >
    </el-sub-menu>

    <el-menu-item index="6-2">事件更新</el-menu-item>
    <el-menu-item index="6-3">事件添加</el-menu-item>
    <el-sub-menu index="6-4">
      <template #title>热力图</template>
      <el-menu-item index="6-4-1" @click="$store.openHeatMap">打开</el-menu-item>
      <el-menu-item index="6-4-2" @click="$store.closeHeatMap">关闭</el-menu-item>
    </el-sub-menu>
  </el-sub-menu>
</template>

<script setup>
import { useMapgisStore } from '@/stores/mapgis'
const $store = useMapgisStore()
</script>

<style scoped>
.iconfont {
  font-size: 16px;
  margin-right: 5px;
  color: rgb(64, 158, 255);
}
</style>
